 <!-- BEGIN PAGE HEADER-->
         <div class="row">
            <div class="col-md-12">
               <!-- BEGIN PAGE TITLE & BREADCRUMB-->
               <h3 class="page-title">
                  Membro <small> Perfil</small>
               </h3>
               <ul class="page-breadcrumb breadcrumb">
                  <li>
                     <i class="icon-home"></i>
                     <a href="index.html">Área de Trabalho</a> 
                     <i class="icon-angle-right"></i>
                  </li>
                  <li>
                     <a href="#">Membro</a>
                     <i class="icon-angle-right"></i>
                  </li>
                  <li><a href="#">Perfil</a></li>
               </ul>
               <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
         </div>
         <!-- END PAGE HEADER-->
         <!-- BEGIN PAGE CONTENT-->
         <div class="row profile">
            <div class="col-md-12">
               <!--BEGIN TABS-->
               <div class="tabbable tabbable-custom tabbable-full-width">
                  <ul class="nav nav-tabs">
                     <li class="active"><a href="#tab_1_1" data-toggle="tab">Perfil</a></li>
                     <li><a href="#tab_1_3" data-toggle="tab">Dados Cadastrais</a></li>
                     <li><a href="#tab_1_4" data-toggle="tab">Benefícios</a></li>
                  </ul>
                  <div class="tab-content">
                     <div class="tab-pane active" id="tab_1_1">
                        <div class="row">
                           <div class="col-md-3">
                              <ul class="list-unstyled profile-nav">
                                  <li><img src="<!--{SERVER}-->/<!--{TEMPLATE}-->/assets/img/profile/profile-img.png" class="img-responsive" alt="" /> 
                                    <a href="#" class="profile-edit">edit</a>
                                 </li>                                 
                              </ul>
                           </div>
                           <div class="col-md-9">
                              <div class="row">
                                 <div class="col-md-8 profile-info">
                                    <h1>Ben Rainir Sousa Ferreira</h1>
                                    
                                    <p><i class="icon-calendar"></i> 18 de Janeiro de 1982</p>
                                    <p><i class="icon-home"></i> AV. Imperador, 1295 - Centro. Fortaleza-CE. CEP:60051-052</p>
                                    <p><i class="icon-envelope"></i> benrainir@gmail.com</p>
                                    <p><i class="icon-phone"></i> (85) 8835-2008</p>
                                    <p><i class="icon-map-marker"></i> TRT/CE - Fortaleza &nbsp;&nbsp;&nbsp; <i class="icon-briefcase"> </i> Auxiliar Administrativo</p>
                                    
                                 </div>
                                 <!--end col-md-8-->
                                 <div class="col-md-4">
                                    <div class="portlet sale-summary">
                                       <div class="portlet-title">
                                          <div class="caption">Benefícios</div>                                          
                                       </div>
                                       <div class="portlet-body">
                                          <ul class="list-unstyled">
                                             <li>
                                                <span class="sale-info">PESSOAL </span> 
                                                <span class="sale-num">R$ 1.000</span>
                                             </li>
                                             <li>
                                                <span class="sale-info">DEPENDENTES</i></span> 
                                                <span class="sale-num">R$ 3.000</span>
                                             </li>
                                             <li style="border-top: #000 solid 1px;">
                                                <span class="sale-info">TOTAL</span> 
                                                <span class="sale-num">R$ 4.000</span>
                                             </li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                                 <!--end col-md-4-->
                              </div>
                              <!--end row-->                            
                           </div>
                        </div>
                        <div class="row" style="padding-bottom: 20px;">
                            <div class="col-md-12"> 
                                <p><i class="icon-book"></i> <b>Observações:</b> <br/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt laoreet dolore magna aliquam tincidunt erat volutpat laoreet dolore magna aliquam tincidunt erat volutpat.</p>
                            </div>
                        </div>
                         
                        <div class="row">
                            <div class="col-md-12"> 
                                  <div class="tabbable tabbable-custom tabbable-custom-profile">
                                 <ul class="nav nav-tabs">
                                    <li class="active"><a href="#tab_1_11" data-toggle="tab">Dependentes</a></li>
                                 </ul>
                                 <div class="tab-content">
                                    <div class="tab-pane active" id="tab_1_11">
                                       <div class="portlet-body">
                                          <table class="table table-striped table-bordered table-advance table-hover">
                                             <thead>
                                                <tr>
                                                   <th><i class="icon-zoom-in"></i> Tipo</th>
                                                   <th><i class="icon-user"></i> Nome Completo</th>
                                                   <th><i class="icon-dollar"></i> Total</th>
                                                   <th></th>
                                                </tr>
                                             </thead>
                                             <tbody>
                                                <tr>
                                                   <td>Filho</td>
                                                   <td>João da Silva Costa</td>
                                                   <td>5760.00</td>
                                                   <td><a class="btn default btn-xs red-stripe" href="#"> <i class="icon-trash" ></i> Deletar</a> &nbsp;&nbsp;&nbsp;&nbsp;<a class="btn default btn-xs green-stripe" href="#"> <i class="icon-pencil" ></i> Editar</a></td>
                                                </tr>
                                                <tr>
                                                   <td>Filho</td>
                                                   <td>João da Silva Costa</td>
                                                   <td>5760.00</td>
                                                   <td><a class="btn default btn-xs red-stripe" href="#"> <i class="icon-trash" ></i> Deletar</a> &nbsp;&nbsp;&nbsp;&nbsp;<a class="btn default btn-xs green-stripe" href="#"> <i class="icon-pencil" ></i> Editar</a></td>
                                                </tr>
                                                <tr>
                                                   <td>Filho</td>
                                                   <td>João da Silva Costa</td>
                                                   <td>5760.00</td>
                                                   <td><a class="btn default btn-xs red-stripe" href="#"> <i class="icon-trash" ></i> Deletar</a> &nbsp;&nbsp;&nbsp;&nbsp;<a class="btn default btn-xs green-stripe" href="#"> <i class="icon-pencil" ></i> Editar</a></td>
                                                </tr>
                                                <tr>
                                                   <td>Filho</td>
                                                   <td>João da Silva Costa</td>
                                                   <td>5760.00</td>
                                                   <td><a class="btn default btn-xs red-stripe" href="#"> <i class="icon-trash" ></i> Deletar</a> &nbsp;&nbsp;&nbsp;&nbsp;<a class="btn default btn-xs green-stripe" href="#"> <i class="icon-pencil" ></i> Editar</a></td>
                                                </tr>
                                             </tbody>
                                          </table>
                                       </div>
                                    </div>
                                    <!--tab-pane-->                                    
                                 </div>
                              </div>
                            </div>
                        </div>
                     </div>
                     <!--tab_1_2-->
                     <div class="tab-pane" id="tab_1_3">
                        <div class="row profile-account">
                           <div class="col-md-3">
                              <ul class="ver-inline-menu tabbable margin-bottom-10">
                                 <li class="active">
                                    <a data-toggle="tab" href="#tab_1-1">
                                    <i class="icon-cog"></i> 
                                    Personal info
                                    </a> 
                                    <span class="after"></span>                                    
                                 </li>
                                 <li ><a data-toggle="tab" href="#tab_2-2"><i class="icon-picture"></i> Change Avatar</a></li>
                                 <li ><a data-toggle="tab" href="#tab_3-3"><i class="icon-lock"></i> Change Password</a></li>
                                 <li ><a data-toggle="tab" href="#tab_4-4"><i class="icon-eye-open"></i> Privacity Settings</a></li>
                              </ul>
                           </div>
                           <div class="col-md-9">
                              <div class="tab-content">
                                 <div id="tab_1-1" class="tab-pane active">
                                    <form role="form" action="#">
                                       <div class="form-group">
                                          <label class="control-label">First Name</label>
                                          <input type="text" placeholder="John" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">Last Name</label>
                                          <input type="text" placeholder="Doe" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">Mobile Number</label>
                                          <input type="text" placeholder="+1 646 580 DEMO (6284)" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">Interests</label>
                                          <input type="text" placeholder="Design, Web etc." class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">Occupation</label>
                                          <input type="text" placeholder="Web Developer" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">About</label>
                                          <textarea class="form-control" rows="3" placeholder="We are KeenThemes!!!"></textarea>
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">Website Url</label>
                                          <input type="text" placeholder="http://www.mywebsite.com" class="form-control" />
                                       </div>
                                       <div class="margiv-top-10">
                                          <a href="#" class="btn green">Save Changes</a>
                                          <a href="#" class="btn default">Cancel</a>
                                       </div>
                                    </form>
                                 </div>
                                 <div id="tab_2-2" class="tab-pane">
                                    <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</p>
                                    <form action="#" role="form">
                                       <div class="form-group">
                                          <div class="thumbnail" style="width: 310px;">
                                             <img src="http://www.placehold.it/310x170/EFEFEF/AAAAAA&amp;text=no+image" alt="">
                                          </div>
                                          <div class="margin-top-10 fileupload fileupload-new" data-provides="fileupload">
                                             <div class="input-group input-group-fixed">
                                                <span class="input-group-btn">
                                                <span class="uneditable-input">
                                                <i class="icon-file fileupload-exists"></i> 
                                                <span class="fileupload-preview"></span>
                                                </span>
                                                </span>
                                                <span class="btn default btn-file">
                                                <span class="fileupload-new"><i class="icon-paper-clip"></i> Select file</span>
                                                <span class="fileupload-exists"><i class="icon-undo"></i> Change</span>
                                                <input type="file" class="default" />
                                                </span>
                                                <a href="#" class="btn red fileupload-exists" data-dismiss="fileupload"><i class="icon-trash"></i> Remove</a>
                                             </div>
                                          </div>
                                          <span class="label label-danger">NOTE!</span>
                                          <span>
                                          Attached image thumbnail is
                                          supported in Latest Firefox, Chrome, Opera, 
                                          Safari and Internet Explorer 10 only
                                          </span>
                                       </div>
                                       <div class="margin-top-10">
                                          <a href="#" class="btn green">Submit</a>
                                          <a href="#" class="btn default">Cancel</a>
                                       </div>
                                    </form>
                                 </div>
                                 <div id="tab_3-3" class="tab-pane">
                                    <form action="#">
                                       <div class="form-group">
                                          <label class="control-label">Current Password</label>
                                          <input type="password" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">New Password</label>
                                          <input type="password" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">Re-type New Password</label>
                                          <input type="password" class="form-control" />
                                       </div>
                                       <div class="margin-top-10">
                                          <a href="#" class="btn green">Change Password</a>
                                          <a href="#" class="btn default">Cancel</a>
                                       </div>
                                    </form>
                                 </div>
                                 <div id="tab_4-4" class="tab-pane">
                                    <form action="#" class="">
                                       <table class="table table-bordered table-striped">
                                          <tr>
                                             <td>
                                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus..
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="radio" name="optionsRadios1" value="option1" />
                                                Yes
                                                </label>
                                                <label class="uniform-inline">
                                                <input type="radio" name="optionsRadios1" value="option2" checked />
                                                No
                                                </label>
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>
                                                Enim eiusmod high life accusamus terry richardson ad squid wolf moon
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="checkbox" value="" /> Yes
                                                </label>
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>
                                                Enim eiusmod high life accusamus terry richardson ad squid wolf moon
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="checkbox" value="" /> Yes
                                                </label>
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>
                                                Enim eiusmod high life accusamus terry richardson ad squid wolf moon
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="checkbox" value="" /> Yes
                                                </label>
                                             </td>
                                          </tr>
                                       </table>
                                       <!--end profile-settings-->
                                       <div class="margin-top-10">
                                          <a href="#" class="btn green">Save Changes</a>
                                          <a href="#" class="btn default">Cancel</a>
                                       </div>
                                    </form>
                                 </div>
                              </div>
                           </div>
                           <!--end col-md-9-->                                   
                        </div>
                     </div>
                     <!--end tab-pane-->
                     <div class="tab-pane" id="tab_1_4">
                        <div class="row">
                           <div class="col-md-12">
                              <div class="add-portfolio">
                                 <span>502 Items sold this week</span>
                                 <a href="#" class="btn icn-only green">Add a new Project <i class="m-icon-swapright m-icon-white"></i></a>                          
                              </div>
                           </div>
                        </div>
                        <!--end add-portfolio-->
                        <div class="row portfolio-block">
                           <div class="col-md-5">
                              <div class="portfolio-text">
                                 <img src="assets/img/profile/portfolio/logo_metronic.jpg" alt="" />
                                 <div class="portfolio-text-info">
                                    <h4>Metronic - Responsive Template</h4>
                                    <p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-md-5">
                              <div class="portfolio-info">
                                 Today Sold
                                 <span>187</span>
                              </div>
                              <div class="portfolio-info">
                                 Total Sold
                                 <span>1789</span>
                              </div>
                              <div class="portfolio-info">
                                 Earns
                                 <span>$37.240</span>
                              </div>
                           </div>
                           <div class="col-md-2">
                              <div class="portfolio-btn">
                                 <a href="#" class="btn bigicn-only"><span>Manage</span></a>                      
                              </div>
                           </div>
                        </div>
                        <!--end row-->
                        <div class="row portfolio-block">
                           <div class="col-md-5 portfolio-text">
                              <img src="assets/img/profile/portfolio/logo_azteca.jpg" alt="" />
                              <div class="portfolio-text-info">
                                 <h4>Metronic - Responsive Template</h4>
                                 <p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>
                              </div>
                           </div>
                           <div class="col-md-5">
                              <div class="portfolio-info">
                                 Today Sold
                                 <span>24</span>
                              </div>
                              <div class="portfolio-info">
                                 Total Sold
                                 <span>660</span>
                              </div>
                              <div class="portfolio-info">
                                 Earns
                                 <span>$7.060</span>
                              </div>
                           </div>
                           <div class="col-md-2 portfolio-btn">
                              <a href="#" class="btn bigicn-only"><span>Manage</span></a>                      
                           </div>
                        </div>
                        <!--end row-->
                        <div class="row portfolio-block">
                           <div class="col-md-5 portfolio-text">
                              <img src="assets/img/profile/portfolio/logo_conquer.jpg" alt="" />
                              <div class="portfolio-text-info">
                                 <h4>Metronic - Responsive Template</h4>
                                 <p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>
                              </div>
                           </div>
                           <div class="col-md-5" style="overflow:hidden;">
                              <div class="portfolio-info">
                                 Today Sold
                                 <span>24</span>
                              </div>
                              <div class="portfolio-info">
                                 Total Sold
                                 <span>975</span>
                              </div>
                              <div class="portfolio-info">
                                 Earns
                                 <span>$21.700</span>
                              </div>
                           </div>
                           <div class="col-md-2 portfolio-btn">
                              <a href="#" class="btn bigicn-only"><span>Manage</span></a>                      
                           </div>
                        </div>
                        <!--end row-->
                     </div>
                     <!--end tab-pane-->                     
                  </div>
               </div>
               <!--END TABS-->
            </div>
         </div>
         <!-- END PAGE CONTENT-->